<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" />
<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/admin.css" />
<script src="${ctx}/js/controllers/base/cellhouse/CellHouseApplicationController.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="${ctx }/css/dlifestyle/sectionparent.css" />
<link rel="stylesheet" href="${ctx}/css/dlifestyle/swipebox.css">
<script src="${ctx}/js/lib/jquery.swipebox.min.js"></script>
<script type="text/javascript">
    jQuery(function($) {
        $(".swipebox").swipebox();
    });
</script>
<section>
    <div style="height: 40px; line-height: 40px;">
        <div class="forword_area"></div>
        <div class="location">当前位置： ${sessionScope.currcent_position}</div>
    </div>
    <hr>
    <div class="panel panel-default" style="height: auto">
        <div class="editTitle">
            <div style="height: 41px; width: 190px; float: left;">
                <img style="float: left; margin-left: 37px; margin-top: 9.5px;" src="/manage/images/new_edit.png">
                <h5>业主申请信息详情</h5>
            </div>
            <div>
                <a style="float: right; margin-right: 20px; margin-top: -2px;" title="关闭" onclick="cancel();"><img src="${ctx}/images/new_close.png" /></a>
            </div>
        </div>
        <div id="replyList" class="right" style=" margin-top: -10px;">
            <div class="modal-header">
                <div id="form" class="form" style="min-height: 50px; margin-top: 10px; border-top: 1px solid #edeef3; font-size: 14px;">
                     <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD; height:110px;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;height:110px;">业主头像：</span>
                        <c:if test="${user.logo == null || user.logo == ''}">
                            <div class="fldetail-4r" style="height:100px;">
                                <a href="${ctx}/images/default.jpg" class="swipebox">
                                <img alt="业主头像" id="preview3" style="width: 70px; height: 70px; float: left;" title="默认图片" src="${ctx}/images/default.jpg" />
                                </a>
                            </div>
                        </c:if>
                        <c:if test="${user.logo != null && user.logo != ''}">
                            <div class="fldetail-4r" style="height:100px;">
                                <a href="${sessionScope.image_logo}${user.logo}" class="swipebox">
                                    <img id="preview3" style="width: 70px; height: 70px; float: left;" title="业主头像" src="${sessionScope.image_logo}${user.logo}" />
                                </a>
                            </div>
                        </c:if>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">用户账号：</span>
                        <div class="fldetail-4l">${cellHouse.userAccount }</div>
                         <span class="col-sm-1 editlableDetail" style="font-size: 14px;">用户状态：</span>
                        <div class="fldetail-4r">
                        <c:if test = "${user.state == 1}">正常</c:if>
                        <c:if test = "${user.state == 2}">禁用</c:if>
                        <c:if test = "${user.state == 3}">注销</c:if>
                        </div>
                    </div>
                     <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">登录账号：</span>
                        <div class="fldetail-4l">${user.loginname }</div>
                         <span class="col-sm-1 editlableDetail" style="font-size: 14px;">姓名：</span>
                        <div class="fldetail-4r">${user.username }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">性别：</span>
                        <div class="fldetail-4l">${user.sex }</div>
                         <span class="col-sm-1 editlableDetail" style="font-size: 14px;">手机号码：</span>
                        <div class="fldetail-4r">${user.phone }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">邮箱：</span>
                        <div class="fldetail-4l">${user.email }</div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">房屋名称：</span>
                        <div class="fldetail-4r">${cellHouse.name }</div>
                    </div>
                     <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">小区名称：</span>
                        <div class="fldetail-4l">${cellHouse.cellName }</div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">区域名称：</span>
                        <div class="fldetail-4r">${cellHouse.regionName }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">楼栋名称：</span>
                        <div class="fldetail-4l">${cellHouse.buildingName }</div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">单元名称：</span>
                        <div class="fldetail-4r">${cellHouse.unitName }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">房屋类型：</span>
                        <div class="fldetail-4l">
                            <c:if test="${cellHouse.houseType == 0}">其他</c:if>
                            <c:if test="${cellHouse.houseType == 1}">住宅</c:if>
                            <c:if test="${cellHouse.houseType == 2}">公寓</c:if>
                            <c:if test="${cellHouse.houseType == 3}">办公</c:if>
                            <c:if test="${cellHouse.houseType == 4}">门面</c:if>
                        </div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">房屋状态：</span>
                        <div class="fldetail-4r">
                            <c:if test="${cellHouse.houseState == 0}">空置</c:if>
                            <c:if test="${cellHouse.houseState == 1}">入住</c:if>
                            <c:if test="${cellHouse.houseState == 2}">未售</c:if>
                            <c:if test="${cellHouse.houseState == 3}">未交房</c:if>
                        </div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">面积(㎡)：</span>
                        <div class="fldetail-4l">${cellHouse.area }</div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">单价(元)：</span>
                        <div class="fldetail-4r">${cellHouse.perPrice }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">户主1：</span>
                        <div class="fldetail-4l">${cellHouse.ownerName1 }</div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">户主1电话：</span>
                        <div class="fldetail-4r">${cellHouse.ownerPhone1 }</div>
                    </div>
                    <div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">户主2：</span>
                        <div class="fldetail-4l">${cellHouse.ownerName2 }</div>
                        <span class="col-sm-1 editlableDetail" style="font-size: 14px;">户主2电话：</span>
                        <div class="fldetail-4r">${cellHouse.ownerPhone2 }</div>
                    </div>
                  
                    <table id="contentDiv" style="border: 1px solid #CBD5DD; border-top: none; width: 100%;height:200px;"
                        cellspacing="0" cellpadding="0">
                        <tr>
                            <td id="contentSpan" style="color: #504949; font-size: 14px; width: 13.9%; border-right: 1px solid #edeef3; background-color: #EAFBFC; text-align: right; height: 37px; line-height: 37px; vertical-align: text-top;">业主申请处理情况和进度：</td>
                            <td style="width: 78%; min-height: 200px; padding: 8px 20px; vertical-align: text-top;">${cellHouse.memo }</td>
                        </tr>
                    </table>
                </div>
                <div style="text-align: center;">
                    <button style="margin-top: 20px;" class="buttonCancle" onclick="cancel();">返&nbsp;&nbsp;回</button>
                </div>
            </div>
        </div>
    </div>
    <%@include file="/views/common/footer.jsp"%>
</section>
<script type="text/javascript">
    var ctx = '${ctx}';
    setCtx(ctx);
</script>
<script type="text/javascript">
    function cancel() {
        loadContent("/cellHouse/cellHouseApplication");
    }
</script>
